<!DOCTYPE html>
<html lang="en">
    <!-- 刘豪 2022.4.22  注册页面 -->

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>会员中心_注册</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="shortcut icon" href="../images/icon/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/register.css">
</head>

<body class="bg-ligtGary">
    <!-- 注册页面导航栏 -->
    <div class="nav w1200">
        <!-- 左侧logo -->
        <div class="logo">
            <div class="logoImg fl">
                <a href="./index.html">
                    <img src="../images/loginImages/user_login_logo.png" alt="" vm>
                </a>
            </div>
            <div class="logoSpan fl">
                <b></b>
            </div>
        </div>
        <!-- 右侧登录 -->
        <div class="headerHref fr f14">
            <span>
                已注册可<a href="./login.html" class="signIn">在此登录</a>
            </span>
        </div>
    </div>
    <!-- 注册页面内容 -->
    <div class="content">
        <div class="w1200 register-wrap ma" style="background-color: #fff">
            <div class="ma">
                <div class="register-adv">
                    <a href="#">
                        <img width="400" height="324" src="../images/loginImages/1488939821671881226.jpg" alt="">
                    </a>
                </div>
                <div class="register-form w600">
                    <!-- ../page/login.html -->
                    <form action="./login.html" method="post"> 
                        <!-- 手机号码 -->
                        <div class="item">
                            <div class="item-label">手 机 号 码</div>
                            <div class="item-info">
                                <input type="text" name="mobile_phone" id="mobile_phone" class="text"
                                    placeholder="请输入手机号" value="" autocomplete="off">
                            </div>
                            <div class="input-tip">
                                <label id="mobile_notice"></label>
                                <i></i>
                            </div>
                        </div>
                        <!-- 验证码 -->
                        <div class="item">
                            <div class="item-label">验　证　码</div>
                            <div class="item-info">
                                <input type="text" name="captcha" id="captcha" class="text" placeholder="请输入图片验证码"
                                    value="" autocomplete="off" style="width:226px">
                                <canvas id="canvas"></canvas>
                            </div>
                            <div class="input-tip">
                                <label id="captcha-error"></label>
                            </div>
                        </div>
                        <!-- 手机短信验证码 -->
                        <div class="item" id="code_mobile">
                            <div class="item-label">手机验证码</div>
                            <div class="item-info">
                                <input type="text" id="sms" name="mobile_code" class="text text-2"
                                    placeholder="请输入短信验证码" value="" autocomplete="off" style="width:226px">
                                <a href="#" id="zphone" class="sms-btn">获取验证码</a>
                            </div>
                            <div class="input-tip"><label id="phone_notice"></label></div>
                        </div>
                        <!-- 设置密码 -->
                        <div class="item" id="code_mobile">
                            <div class="item-label">设 置 密 码</div>
                            <div class="item-info">
                                <input type="text" id="psd" name="password" class="text" placeholder="请输入密码"
                                    value="" autocomplete="off" maxlength="16">
                            </div>
                            <div class="input-tip">
                                <label id="pwd-error"></label>
                            </div>
                        </div>
                        <!-- 确认密码 -->
                        <div class="item" id="code_mobile" style="height: 330px;">
                            <div class="item-label">确 认 密 码</div>
                            <div class="item-info">
                                <input type="password" id="pwdRepeat" name="confirm_password" class="text"
                                    placeholder="请输入密码" value="" autocomplete="off" maxlength="16">
                            </div>
                            <div class="input-tip">
                                <label id="pwdRepeat-error"></label>
                            </div>
                        </div>
                        <!-- 用户注册协议 -->
                        <div class="item item2">
                            <div class="item-checkbox">
                                <input type="checkbox" id="clause2" class="ui-solid-checkbox" checked="checked"
                                    value="1" name="mobileagreement">
                                <label class="ui-solid-label" for="clause2">我已阅读并同意<a
                                        href="javascript:;" class="ftx-05"
                                        target="_blank">《大商创用户注册协议》</a></label>
                            </div>
                            <div class="input-tip">
                                <label id="mobileagreement-error"></label>
                            </div>
                        </div>
                        <!-- 注册按钮 -->
                        <div class="item item2 item-button">
                            <input type="submit" id="registsubmit" name="Submit" maxlength="8" class="btn" value="立即注册">
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <div class="footer">
        <div class="dsc-copyright">
            <div class="w1200 ma">
                <p>
                    <a href="#">首页</a> | 
                    <a href="#">隐私保护</a> | 
                    <a href="#">联系我们</a> | 
                    <a href="#">免责条款</a> | 
                    <a href="#">公司简介</a> | 
                    <a href="#">商家入驻</a> | 
                    <a href="#">供应商入驻</a> | 
                    <a href="#">意见反馈</a> | 
                </p>
                <p>
                    <a href="#">b2b2c</a> | 
                    <a href="#">多用户商城系统</a> | 
                    <a href="#">商城系统</a> | 
                    <a href="#">ecjia新零售</a> | 
                </p>
                <p>
                    <span>ICP备案证书号:</span> <a href="#">沪ICP备14029880号-5</a>
                </p>
                <p>
                     <a href="#">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                </p>
            </div>

        </div>
    </div>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/register.js"></script>
</body>

</html>